<template>
  <div class="app-page">
    <slot></slot>
    <div class="app-page-flex">
      <slot name="flex"></slot>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  full: { type: Boolean, default: true }, // 铺满
})
</script>
<style lang="scss" scoped>
.app-page {
  height: calc(100vh - 90px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.app-page-flex {
  flex: 1;
  height: 100%;
  overflow: hidden;

  :deep(.el-card) {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  :deep(.el-card__body) {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}
</style>
